<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- 调用bootstrap的css方法 -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <!-- 调用自定义css方法 -->
    <link rel="stylesheet" href="css/index.css">
    <title>营销品台-未登录</title>
</head>

<body>
    <!-- 快捷导航栏 -->
    <section class="section">
        <div class="w">
            <div class="logo"></div>
            <div class="user">
                <div class="fl">
                    <ul>
                        <li><a href="#">超快排</a></li>
                        <li><a href="#">群战系统</a></li>
                        <li><a href="#">渠道合作</a></li>
                        <li><a href="#">优化百科</a></li>
                    </ul>
                </div>
                <div class="fr">
                    <a href="#">免费注册</a>
                    <a href="#" class="fr_user">登录</a>
                    <img src="images/avatar-samll.png" alt="">
                </div>
            </div>
        </div>
    </section>
    <!-- 未登录 -->
    <header class="header">
        <div class="w">
            <div class="text">
                <dl>
                    <dt>专业网站推广</dt>
                    <dd>· 快速建站，批量建站</dd>
                    <dd>· 专业SEO优化推广</dd>
                    <dd>· 优质服务，客服一对一</dd>
                </dl>
            </div>
            <div class="login">
                <div class="vip">
                    会员登录
                </div>
                <div class="vipimg">
                    <img src="images/avatar-big.png" alt="">
                    <p>Hi! 简客，欢迎你！</p>
                </div>
                <div class="vipbtn">
                    <span>
                        <button class="btn btn-warning">登录</button>
                        <button class="btn btn-info">注册</button>
                    </span>
                </div>
                <div class="bulletin">
                    <div class="jcbulletin">
                        <img src="images/ic_top_gg.png" alt="">
                        简创快报
                    </div>
                    <div class="stick">
                        <ul>
                            <li><span>置顶</span>&nbsp;|&nbsp;超帅排系统更新升级啦！</li>
                            <li><span>置顶</span>&nbsp;|&nbsp;6月30日23时~03时对品台进行维护...</li>
                            <li><span>置顶</span>&nbsp;|&nbsp;618年终大促，活动优惠福利多多！</li>
                            <li>有奖活动！老用户邀请新用户送积分！</li>
                        </ul>

                    </div>
                </div>
            </div>
        </div>

    </header>
    <!-- 介绍部分 -->
    <div class="nav">
        <!-- 简介 -->
        <div class="jcnav w">
            <li>
                <img src="images/ic_快速排名.png" alt="">
                <h4>关键字快速排名</h4>
                <p>7-15天内实现排名快速提升<br>
                    完全真实有效化、安全可靠</p>
            </li>
            <span class="xian"></span>
            <li>
                <img src="images/ic-提升网站权重.png" alt="">
                <h4>提升网站权重</h4>
                <p>千万IP全国真实分布不重复<br>
                    深度访问网站达到网站真题提权</p>
            </li>
            <span class="xian"></span>
            <li>
                <img src="images/ic_多搜索引擎.png" alt="">
                <h4>支持多搜索引擎</h4>
                <p>百度PC/移动、神马UC、搜狗PC/移动、
                    <br>
                    360PC/移动、必应等多搜索引擎</p>
            </li>
            <span class="xian"></span>
            <li>
                <img src="images/ic_低成本.png" alt="">
                <h4>低成本多渠道</h4>
                <p>无论是PC优化还是手机优化<br>
                    一个词设置优化一次全网最低价</p>
            </li>
        </div>
        <!-- 查询 -->
        <div class="search w">
            <div class="search_text">
                <h3><span> 5万+</span> 站长和Boss都在用</h3>
                <p>诊断分析网站、找优化方案，监控异常、找全家支持</p>
            </div>
            <div class="search_query">
                <span>
                    <input type="search" placeholder="请输入您要分析的网址，如www.600seo.com">
                    <button class="btn btn-info">查询</button>
                </span>
            </div>
        </div>
        <!-- 固定定位 -->
        <div class="fiexd">

            <li>
                <img src="images/left_QQ.png" alt=""><br>
                <a href="#">联系客服</a>
            </li>
            <li>
                <img src="images/left_fankui.png" alt=""><br>
                <a href="#">问题反馈</a>
            </li>
            <li>
                <img src="images/left_gongzhonghao.png" alt=""><br>
                <a href="#">加微信</a>
            </li>
            <li>
                <img src="images/left_yaohaoyou.png" alt=""><br>
                <a href="#">有奖注册</a>
            </li>
            <li>
                <img src="images/left_top.png" alt=""><br>
                <a href="#">回到顶部</a>
            </li>

        </div>
    </div>
    <!-- 内容模块 -->
    <div class="jcneirong w">
        <h2>· 营销门户 ·</h2>
        <p>企业进行互联网营销的基础</p>
    </div>
    <!-- 图片内容 -->
    <div class="jcimg w">
        <div class="jcimg_fl">
            <h3>超快排网站关键词排名系统</h3>
            <p>可以让精准流量提升20倍的排名软件</p>
            <button class="btn btn-info">免费开通</button>
        </div>
        <div class="jcimg_fr">
            <!-- 上两个图片 -->
            <div class="jcimg_fr_top">
                <div class="jcimg_fr_top1">
                    <img src="images/ckp_xiaogou.png" alt="">
                    <h4>效果好</h4>
                    <p>快速提升网站排名，最快3天上首页,效果看得见</p>
                </div>
                <div class="jcimg_fr_top1">
                    <img src="images/ckp_fuwu.png" alt="">
                    <h4>服务优</h4>
                    <p>1对1专属客服，为您分析网站，提供优化方案，答疑解惑更高效，服务更周到</p>
                </div>
            </div>
            <!-- 下两个 -->
            <div class="jcimg_fr_bottom">
                <div class="jcimg_fr_bottom1">
                    <img src="images/ckp_anquan.png" alt="">
                    <h4>更安全</h4>
                    <p>完全真实有效化，确保安全可靠，无后顾之忧</p>
                </div>
                <div class="jcimg_fr_bottom1">
                    <img src="images/ckp_wending.png" alt="">
                    <h4>更稳定</h4>
                    <p>稳定上首页，后期维护排名稳定更持久</p>
                </div>
            </div>
        </div>
    </div>
    <!-- 空白内容 -->
    <div class="kongbai w">

    </div>
    <!-- 图片内容二 直接复制上面代码修改内容-->
    <div class="jcimg w">
        <div class="jcimg_fl2">
            <h3>群站系统</h3>
            <p>批量建站，全新的互联网营销渠道，丰富的建站模板，<br> 助您上先宣传产品、服务</p>
            <button class="btn btn-warning bjcolor">敬请期待</button>
        </div>
        <div class="jcimg_fr">
            <!-- 上两个图片 -->
            <div class="jcimg_fr_top">
                <div class="jcimg_fr_top1">
                    <img src="images/jcmp_kuaisu.png" alt="">
                    <h4>一分钟建站</h4>
                    <p>最快3天上首页，效果看得见</p>
                </div>
                <div class="jcimg_fr_top1">
                    <img src="images/jcmp_piliang.png" alt="">
                    <h4>批量建站</h4>
                    <p>1对1专属客服，为您分析网站，提供优化方案，答疑解惑更高效，服务更周到</p>
                </div>
            </div>
            <!-- 下两个 -->
            <div class="jcimg_fr_bottom">
                <div class="jcimg_fr_bottom1">
                    <img src="images/jcmp_muban.png" alt="">
                    <h4>海量模板</h4>
                    <p>完全真实有效化，确保安全可靠，无后顾之忧</p>
                </div>
                <div class="jcimg_fr_bottom1">
                    <img src="images/jcmp_sucai.png" alt="">
                    <h4>素材库管理</h4>
                    <p>稳定上首页，后期维护排名稳定更持久</p>
                </div>
            </div>
        </div>
    </div>
    <!-- 营销数据 -->
    <div class="jcyinxiao">
        <div class="jcyx w">
            <div class="jcyxsj">
                <h2>· 营销数据 ·</h2>
                <p>做网站推广，我们是认真的</p>
            </div>
            <div class="jcyxfl">
                <p>超快排,</p>
                <p>让您的网站快速排名</p>
                <span>平台实时数据</span>
            </div>
            <div class="jcyxfl1">
                <!-- 调用复合属性 -->
                <h3 class="fuheh">33613人</h3>
                <p class="fuhexian"></p>
                <p class="fuhep">用户数</p>
            </div>
            <div class="jcyxfl2">
                <h3 class="fuheh">50%</h3>
                <p class="fuhexian"></p>
                <p class="fuhep">上词率</p>
            </div>
            <div class="jcyxfl3">
                <h3 class="fuheh">1593873个</h3>
                <p class="fuhexian"></p>
                <p class="fuhep">在线优化关键词数</p>
            </div>
            <div class="jcyxfl4">
                <h3 class="fuheh">96232个</h3>
                <p class="fuhexian"></p>
                <p class="fuhep">软件下载次数</p>
            </div>
        </div>
    </div>
    <!-- 优化百科 -->
    <div class="jcyouhua">
        <div class="jcyh w">
            <!-- 文本内容 -->
            <div class="jcyhtop">
                <h3>· 优化百科 ·</h3>
                <p>站长的充电站</p>
            </div>
            <!-- 图片 -->
            <div class="jcyh1">
                <div>
                    <img src="images/jcmp_bg.png" alt="">
                    <h3>网络爬虫(Spider)</h3>
                    <p>HTTP网站有效提升用户对网站的信...</p>
                    <p class="jcp">
                        <span class="jcyh2 jcyhw"> </span>
                        <span class="jcyh21 jcyhw"> 2020.07.08</span>
                        <span class="jcyh3 jcyhw"> </span>
                        <span class="jcyh31 jcyhw">12548</span>
                    </p>
                </div>
                <div>
                    <img src="images/ckp_bg.png" alt="">
                    <h3>网络爬虫(Spider)</h3>
                    <p>HTTP网站有效提升用户对网站的信...</p>
                    <p class="jcp">
                        <span class="jcyh2 jcyhw"> </span>
                        <span class="jcyh21 jcyhw"> 2020.07.08</span>
                        <span class="jcyh3 jcyhw"> </span>
                        <span class="jcyh31 jcyhw">12548</span>
                    </p>
                </div>
                <div>
                    <img src="images/ckp_bg.png" alt="">
                    <h3>网络爬虫(Spider)</h3>
                    <p>HTTP网站有效提升用户对网站的信...</p>
                    <p class="jcp">
                        <span class="jcyh2 jcyhw"> </span>
                        <span class="jcyh21 jcyhw"> 2020.07.08</span>
                        <span class="jcyh3 jcyhw"> </span>
                        <span class="jcyh31 jcyhw">12548</span>
                    </p>
                </div>
                <div>
                    <img src="images/jcmp_bg.png" alt="">
                    <h3>网络爬虫(Spider)</h3>
                    <p>HTTP网站有效提升用户对网站的信...</p>
                    <p class="jcp">
                        <span class="jcyh2 jcyhw"> </span>
                        <span class="jcyh21 jcyhw"> 2020.07.08</span>
                        <span class="jcyh3 jcyhw"> </span>
                        <span class="jcyh31 jcyhw">12548</span>
                    </p>
                </div>
                <div>
                    <img src="images/jcmp_bg.png" alt="">
                    <h3>网络爬虫(Spider)</h3>
                    <p>HTTP网站有效提升用户对网站的信...</p>
                    <p class="jcp">
                        <span class="jcyh2 jcyhw"> </span>
                        <span class="jcyh21 jcyhw"> 2020.07.08</span>
                        <span class="jcyh3 jcyhw"> </span>
                        <span class="jcyh31 jcyhw">12548</span>
                    </p>
                </div>
                <div>
                    <img src="images/ckp_bg.png" alt="">
                    <h3>网络爬虫(Spider)</h3>
                    <p>HTTP网站有效提升用户对网站的信...</p>
                    <p class="jcp">
                        <span class="jcyh2 jcyhw"> </span>
                        <span class="jcyh21 jcyhw"> 2020.07.08</span>
                        <span class="jcyh3 jcyhw"> </span>
                        <span class="jcyh31 jcyhw">12548</span>
                    </p>
                </div>
                <div>
                    <img src="images/ckp_bg.png" alt="">
                    <h3>网络爬虫(Spider)</h3>
                    <p>HTTP网站有效提升用户对网站的信...</p>
                    <p class="jcp">
                        <span class="jcyh2 jcyhw"> </span>
                        <span class="jcyh21 jcyhw"> 2020.07.08</span>
                        <span class="jcyh3 jcyhw"> </span>
                        <span class="jcyh31 jcyhw">12548</span>
                    </p>
                </div>
                <div>
                    <img src="images/jcmp_bg.png" alt="">
                    <h3>网络爬虫(Spider)</h3>
                    <p>HTTP网站有效提升用户对网站的信...</p>
                    <p class="jcp">
                        <span class="jcyh2 jcyhw"> </span>
                        <span class="jcyh21 jcyhw"> 2020.07.08</span>
                        <span class="jcyh3 jcyhw"> </span>
                        <span class="jcyh31 jcyhw">12548</span>
                    </p>
                </div>
            </div>
            <!-- 调用bootstrap的css方法 -->
            <div class="jcyhbtn">
                <div>
                    <button class="btn btn-default">全部百科</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <footer class="footer">
        <div>
            <p>为了帮助您更快地提升网站排名和优化关键词</p>
            <p>我们为您提供了一对一专属客服</p>
            <button>立即加入</button>
        </div>
    </footer>
</body>

</html>